@charset "utf-8";

//导航栏的背景颜色
.navbar{
    background-color:#222;
    margin-bottom: 0;
    border-color: transparent;
    border-radius: 0px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1200;
    .container-fluid{
        
    }
}
//导航的a标签颜色
.navbar-default .navbar-nav > li > a{
    color: #858585;
}
//导航激活类的样式
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: #080808;
    color: white;
}
//logo的位置
.navbar-brand{
    padding-top:0;
    padding-bottom: 0px;
    line-height: 50px;
    img{
        display: inline-block;
   }
}
.container-fluid{
    margin-right:7% ;
    margin-left: 7%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-color:transparent ;
    
}


//主要内容
//第一部分
.section-a{
    width: 100%;
    .news-one{
//      width: 1000px;
        .row{
            .news-title{
                margin-top: 87px;
                margin-bottom:36px ;
                h1{
                    font-size: 30px;
                    color: #ff6b08;
                }
            }
            div{
                position: relative;
                overflow: hidden;
                &:hover{
                    >p{
                        bottom: -10px;
                    }
                }
                img{
                    width: 100%;
                }
                p{
                    text-align: center;
                    width: 360px;
                    height: 50px;
                    line-height: 50px;
                    font-size: 16px;
                    position: absolute;
                    bottom: -60px;
                    color: white;
                    background:  rgba(124,126,127,0.8);
                    transition: all 0.5s;
                }
            }
        }
    }
}
//第二部分
.section-b{
    width: 100%;
    padding-top: 80px;
    .news-two{
        .row{
            margin-bottom: 40px;
            .news-two-img{
                text-align: center;
                img{
                    width: 100%;
                    transition: all 0.7s;
                    &:hover{
                        opacity: 0.8;
                    }
                }
            }
            .news-two-h{
                h3{
                    font-size: 18px;
                    margin-bottom: 13px;
                }
                span{
                    font-size: 14px;
                }
                p{
                    font-size: 14px;
                    line-height: 26px;
                    margin-top: 18px;
                }
                a{
                    display: block;
                    width: 100px;
                    height: 34px;
                    text-align: center;
                    line-height: 34px;
                    background: white;
                    color: #ff6900;
                    border-radius: 17px;
                    float: right;
                    margin-top: 12px;
                    border: 1px solid #ff6900;
                    transition: all 0.6s; 
                    text-decoration: none;
                    &:hover{
                        background: #ff6900;
                        color: white;
                    }
                }
            }
        }
    }
}
//第三部分
.section-c{
    width: 100%;
    height: 100px;
    line-height: 100px;
    margin-top:30px ;
    text-align: center;
    .text-three{
        border-top: 1px dashed #ddd;
        .text-three-button{
            font-size:0 ;
            a{
                font-size: 14px;
                color: #848484;
                display: inline-block;
                width: 36px;
                height: 32px;
                text-align:center; 
                line-height: 32px;
                border: 1px solid #dddddd; 
                text-decoration: none;
                &:hover{
                    background: #e34637;
                    color: white;
                }
            }
            a:nth-child(1){
                width: 54px;
            }
            a:nth-child(2){
                width: 63px;
            }
            a:nth-child(7){
                width: 63px;
            }
            .red{
                background: #e34637;
                color: white;
            }
        }
    }
}


//底部
.footer {
    background: #3b3b3b;
    padding: 30px 0;
    .row {
        margin-right: 0;
    }
}

.footer-a {
    a {
        font-size: 14px;
        color: #818288;
    }
    p {
        font-size: 14px;
        color: #818288;
        margin-top: 15px;
    }
}

.footer-b {
    text-align: right;
    position: relative;
    a {
        margin-left: 20px;
    }
    .te-img-a{
        position: absolute;
        top:-200px;
        left: 160px;
        opacity: 0;
        transition: all 0.8s;
        display: none;
    }
    .te-img-b{
        position: absolute;
        top:-200px;
        left: 220px;
        opacity: 0;
        transition: all 0.8s;
        display: none;
    }
    .te-img-c{
        position: absolute;
        top:-200px;
        left: 285px;
        opacity: 0;
        transition: all 0.8s;
        display: none;
    }
    .a-one{
        &:hover{
            +.te-img-a{
                display: block;
                opacity: 1;
                top:-160px;
            }
        }
    }
    .a-two{
        &:hover{
            +.te-img-b{
                display: block;
                opacity: 1;
                top:-160px;
            }
        }
    }
    .a-three{
        &:hover{
            +.te-img-c{
                display: block;
                opacity: 1;
                top:-160px;
            }
        }
    }
}